{% extends "dash/dashboard.html" %}

{% load dash_filters %}

{% block myjavascript %}
    <script language="javascript" src="{{ STATIC_URL }}js/myutils.js"></script>
    <script type="text/javascript" src="{{ STATIC_URL }}js/Autosuggest/jquery.autoSuggest.js"></script>
    <script type="text/javascript" src="{{ STATIC_URL }}js/Autosuggest/jquery.autoSuggest.minified.js"></script>
    <script type="text/javascript" src="{{ STATIC_URL }}js/Autosuggest/jquery.autoSuggest.packed.js"></script>
{% endblock myjavascript %}

{% block mystylesheet-dashboard %}
    <link rel="stylesheet" href="{{ STATIC_URL }}css/styleMati.css" type="text/css" />
    <link rel="stylesheet" href="{{ STATIC_URL }}css/Autosuggest/autoSuggest.css" type="text/css" />
{% endblock mystylesheet-dashboard%}

{% block dashboard %}
    <div class="row">
        <div class="page-header">
            <h1>Nuevo Mensaje</h1>
        </div>
        <div class="col-md-9 col-md-offset-1">
            <form action="/social/new_message/" method="post">{% csrf_token %}
                <div class="form-group">
                    <label for="id_user_to_id" class="control-label">Para:</label>
                    {{ form_new_message.user_to_id }}
                    <span class="help-block">{{ form_new_message.user_to_id.errors }}</span>
                </div>
                <div class="form-group">
                    <label for="id_user_to_id" class="control-label">Mensaje:</label>
                    {{ form_new_message.mensaje }}
                    <span class="help-block">{{ form_new_message.mensaje.errors }}</span>
                </div>
                <div style="float:right; margin: 10px -25px;">
                    <input type="submit" value="Enviar" onclick=hayMarcador() class="btn btn-success" style="margin-right: 30px;"/>
                    <input type="button" value="Cancelar" class="btn btn-danger" style="margin-right: 25px; margin-left: -20px;" onclick="location.href='../../../social/mensajes';">
                </div>
            </form>
        </div>
    </div>
{% endblock dashboard %}
